

<!-- 订单详情 -->
<template>
	<view>
		
		<!-- header部分 -->
		<view class='header-Container header-height'>
			<view class="header-bg"></view>
			<navHeader rightBtnType="msgCenter" colorTheme="white" gotoNavBackCustom="1" @gotoNavBackCustomHandler="gotoNavBackCustomHandler" @toggleMenuListHandler="toggleMenuListHandler">
			</navHeader>
		</view>
		
		
		<!-- 订单状态 -->
		<view class="orderStatus-Container">
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '02'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<image :src="icon.daizhifu"></image>
							<view>待支付</view>
						</view>
						<view v-if="orderDetailData.orderType == 20" class="bottom">
							<block v-if="orderDetailData.advFlag == 0">
								需支付￥{{orderDetailData.actualTotalPrice / 100}},
								剩余时间{{orderDetailData.leavePayTime}}
							</block>
							<block v-if="orderDetailData.advFlag == 1">
								需支付￥{{orderDetailData.advAmount / 100}},
								剩余时间{{orderDetailData.leavePayTime}}
							</block>
						</view>
						<view v-else class="bottom">
							需支付￥{{orderDetailData.actualTotalPrice / 100}},
							剩余时间{{orderDetailData.leavePayTime}}
						</view>
					</view>
					<view class="right">
						<view v-if="orderDetailData.orderType == 20" class="bottom">
							<block v-if="orderDetailData.advFlag == 0">
								<view @click="gotoPayPage(orderParentId, orderDetailData.actualTotalPrice, orderIds, true, orderDetailData.activityMainId, orderDetailData.activityGroupId)">去支付</view>
							</block>
							<block v-if="orderDetailData.advFlag == 1">
								<view @click="gotoPayPage(orderParentId, orderDetailData.advAmount, orderIds, true, orderDetailData.activityMainId, orderDetailData.activityGroupId)">去支付</view>
							</block>
						</view>
						<view v-else class="bottom">
							<view @click="gotoPayPage(orderParentId, orderDetailData.actualTotalPrice, orderIds)">去支付</view>
						</view>
					</view>
				</view>
			</view>		
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '03'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<image :src="icon.daifahuo"></image>
							<view>待发货-商品正在出库</view>
						</view>
					</view>
				</view>
			</view>
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '04'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<image :src="icon.daishouhuo"></image>
							<view>待收货</view>
						</view>
						<!-- <view class="bottom">
							订单将在15天21小时后自动确认收货
						</view> -->
					</view>
					<view class="right">
						<view @click="confirmOrder(orderIds)">确认收货</view>
					</view>
				</view>
			</view>
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '05'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<image :src="icon.daipingjia"></image>
							<view>订单待评价</view>
						</view>
					</view>
				</view>
			</view>
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '06'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<view style="margin-left: 70rpx;">已取消</view>
						</view>
					</view>
				</view>
			</view>
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '07'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<view style="margin-left: 70rpx;">已退款</view>
						</view>
					</view>
				</view>
			</view>
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '08'">
				<view class="two-row">
					<view class="left">
						<view class="top">
							<image :src="icon.yiwancheng" style="height: 40rpx;width: 40rpx;"></image>
							<view>已完成</view>
						</view>
					</view>
				</view>
			</view>
			<view class="orderStatus" v-if="orderDetailData.orderFinalStatus == '09'">
				
				<!-- groupStatus 0：小团未成 1：小团已成 -->
				<view v-if="orderDetailData.groupStatus == 0" class="two-row">
					<view class="left">
						<view class="top">
							<image :src="icon.daichengtuan_small" style="width: 47rpx; height: 47rpx;"></image>
							<view>拼团预售-待成团</view>
						</view>
						<view class="bottom">
							邀请好友组队，达到{{orderDetailData.groupCount}}人才成功拼团预定
						</view>
					</view>
					<view class="right">
						<view @click="inviteFriendHandler()">邀请好友</view>
					</view>
				</view>
				<view v-else-if="orderDetailData.groupStatus == 1" class="two-row">
					
					<!-- 一次支付 -->
					<view v-if="orderDetailData.advFlag == 0" class="left" style="width: 100%;">
						<view class="top">
							<image :src="icon.daichengtuan_big" style="width: 47rpx; height: 47rpx;"></image>
							<view>拼团预售-待成团</view>
						</view>
						<view class="bottom">
							组队成功，商品拼团预售进行中，请等待店铺预售截止。
						</view>
					</view>
					
					<!-- 定金尾款 -->
					<block v-if="orderDetailData.advFlag == 1">
						<view v-if="orderDetailData.payFinalFlag == true && orderDetailData.finalAmountStatus == 0" class="left">
							<view class="top">
								<image :src="icon.daizhifu"></image>
								<view>拼团预售-待成团</view>
							</view>
							<view class="bottom">
								商品拼团预售成功，请支付尾款。
							</view>
						</view>
						<view v-else class="left" style="width: 100%;">
							<view class="top">
								<image :src="icon.daichengtuan_big" style="width: 47rpx; height: 47rpx;"></image>
								<view>拼团预售-待成团</view>
							</view>
							<view class="bottom">
								组队成功，商品拼团预售进行中，请等待店铺预售截止。
							</view>
						</view>
						
						<view v-if="orderDetailData.payFinalFlag == true && orderDetailData.finalAmountStatus == 0" class="right">
							<view @click="gotoPayPage(orderParentId, orderDetailData.finalAmount, orderIds, true, orderDetailData.activityMainId, orderDetailData.activityGroupId)">支付尾款</view>
						</view>
					</block>
				</view>
			</view>
		</view>
		
		
		<!-- 收货信息 -->
		<view class="address">
			<view class="message">
				<view class="icon">
					<image :src="icon.addAddress"></image>
				</view>
				<view class="userInfo">
					<view class="user">
						<text>{{orderDetailData.orderShippingForm.customer}}</text>
						<text>{{orderDetailData.orderShippingForm.telephone}}</text>
					</view>
					<view class="detail ellipsis2">
						{{addAddressStr}}
					</view>
				</view>
			</view>
		</view>
		
		
		<!-- 商品信息 -->
		<view v-for="(item,index) in orderDetailData.orderForms" :key="index" class="goods-block">
			<view style="display: flex;">
				<view class="title">
					<image :src="icon.shop"></image>
					<text>{{item.vendName}} </text>
				</view>
				<view class="kefu"> 
					<view class="btn" @click="openService">
						<image :src="icon.kefu"></image>
						<view>客服</view>
					</view>
				</view>
			</view>
			<view class="list-padding">
				<goodListOrder :list='item.orderDetailForms' :detailInfo='orderDetailData'></goodListOrder>
			</view>
			<view v-if="item.orderRemark" class="leave">
				<view class="leave-title">买家留言</view>
				<view class="leave-message">
					{{item.orderRemark}}
				</view>
			</view>
			
			
			<!-- 发票信息 -->
			<!-- 订单状态 02：待付款 03：待发货 04：待收货 05:待评价 06:已取消 07:已退款 08：已完成 -->
			<view v-if="orderDetailData.orderFinalStatus == '05' || orderDetailData.orderFinalStatus == '08'">
				<view v-if="!item.invoiceDetail" class="orderInvoice-Container ordedr-id" style="border: 0;">
					<view class="format" style="display: flex;">
						<view class="orderLabel">发票信息：</view>
						<view class="orderValue">
							不开发票        
						</view>
						<view @click="gotoSelectInvoicePage(index)" class="invoice">
							<!-- <image :src="icon.invoice"></image> -->
							<view class="status">
								申请开票
							</view>
						</view>
					</view>
				</view>
				<view v-else class="orderInvoice-Container ordedr-id" style="border: 0;">
					<view class="format" style="display: flex;">
						<view class="orderLabel">发票信息：</view>
						<view class="orderValue">
							已开票（{{item.invoiceDetail | cidTypeFormate}}） 
						</view>
						<view @click="gotoInvoiceDetailPage(item.invoiceDetail)" class="invoice">
							<!-- <image :src="icon.invoice"></image> -->
							<view class="status">
								查看详情
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<!-- 订单信息 -->
		<view class="order-detail">
			<view class="ordedr-id">
				<view class="format" style="display: flex;">
					<view class="orderLabel">订单编号：</view>
					<view class="orderValue">
						{{orderParentId}}
					</view>
					<view @click="copyToClipboardData()" class="copy">复制</view>
				</view>
				<view class="format">
					<view class="orderLabel">下单时间：</view>
					<view class="orderValue">
						{{orderDetailData.orderCreateTime | formatDate}}
					</view>
				</view>
			</view>
			<view class="ordedr-id" v-if="orderDetailData.paymentType">
				<view class="format">
					<text class="orderLabel">支付方式：</text>
					<text class="orderValue">
						{{orderDetailData.paymentType | paymentTypeName }}
					</text>
				</view>
				<view class="format">
					<text class="orderLabel">支付时间：</text>
					<text class="orderValue">
						{{orderDetailData.paymentCreateTime | formatDate}}
					</text>
				</view>
			</view>
			<view v-if="orderDetailData.deliveryDt || orderDetailData.reciveTime" class="ordedr-id">
				<view class="format">
					<text class="orderLabel">发货时间：</text>
					<text class="orderValue">
						{{orderDetailData.deliveryDt | formatDate}}
					</text>
				</view>
				<view class="format" v-if="orderDetailData.reciveTime">
					<text class="orderLabel">收货时间：</text>
					<text class="orderValue">
						{{orderDetailData.reciveTime | formatDate}}
					</text>
				</view>
			</view>
			
			
			<view class="format2">
				<view class="format-name orderLabel">
					商品总额
				</view>
				<view class="format-num orderValue">
					￥{{orderDetailData.totalPrice / 100}}
				</view>
			</view>
			<view class="format2">
				<view class="format-name orderLabel">
					运费(总重:{{orderDetailData.totalGoodsWeight / 1000}}kg)
				</view>
				<view class="format-num orderValue">
					+￥{{orderDetailData.totalLogisticsAmount / 100}}
				</view>
			</view>
			<view class="format2">
				<view class="format-name orderLabel">
					优惠券
				</view>
				<view v-if="orderDetailData.couponConsumeForm" class="format-num orderValue">
					-￥{{(orderDetailData.couponConsumeForm.couponAmount || 0) / 100}}
				</view>
				<view v-else  class="format-num orderValue">
					-￥0
				</view>
			</view>
			<!-- <view class="format2">
				<view class="format-name orderLabel">
					<text>礼品卡</text>
				</view>
				<view class="format-num orderValue">
					-￥{{(orderDetailData.giftAmount || 0) / 100}}
				</view>
			</view> -->
			<view v-if="orderDetailData.totalReductionAmount" class="format2">
				<view class="format-name orderLabel">
					<text>满减金额</text>
				</view>
				<view class="format-num orderValue">
					-￥{{(orderDetailData.totalReductionAmount || 0) / 100}}
				</view>
			</view>
			<!-- <view v-if="orderDetailData.totalPoints" class="format2">
				<view class="format-name orderLabel">
					<text>积分</text>
				</view>
				<view class="format-num orderValue">
					-￥{{(orderDetailData.totalPoints || 0)}}
				</view>
			</view> -->
			<!-- <view v-if="orderDetailData.totalWaters" class="format2">
				<view class="format-name orderLabel">
					<text>水券</text>
				</view>
				<view class="format-num orderValue">
					-￥{{(orderDetailData.totalWaters || 0) / 100}}
				</view>
			</view> -->
			<view class="total">
				<text>实付款：</text><text>￥{{orderDetailData.actualTotalPrice / 100}}</text>
			</view>
			<view class="row-div" style="padding: 26upx 0;border-top: 1px solid #EEEEEE; width: calc(100% - 60upx);margin: auto;">
				<image src="/static/assets/gongxainzhi.png" mode="" style="width: 28upx;height: 25upx;"></image>
				<view style="font-size: 24upx;font-weight: bold;color: #FE5E49;margin-left: 16upx;">本单共获{{orderDetailData.totalPoints}}贡献值</view>
			</view>
		</view>
		
		
		<!-- 推荐商品 -->
		<!-- <view v-if="goodsList.length" class='user-recommend'>
			<image :src="icon.left"></image>
			<view class="recomText">为您推荐</view>
			<image :src="icon.right"></image>
		</view>
		<view v-if="goodsList.length" style="padding:0 36rpx 125rpx 36rpx;">
			<goodList :list='goodsList'>
			</goodList>
		</view> -->
		
		
		<!-- 底部栏-fixd -->
		<view class="safeBottom" v-if="orderDetailData.orderFinalStatus == '02' || orderDetailData.orderFinalStatus == '04' || orderDetailData.orderFinalStatus == '05' || orderDetailData.orderFinalStatus === '08'">
			<view class="bottom-select" v-if="orderDetailData.orderFinalStatus === '02'">
				<view v-if="orderDetailData.orderType == 20" class="orderTotalFee">
					<block v-if="orderDetailData.advFlag == 0">
						￥{{orderDetailData.actualTotalPrice / 100}}
					</block>
					<block v-if="orderDetailData.advFlag == 1">
						￥{{orderDetailData.advAmount / 100}}
					</block>
				</view>
				<view v-else class="orderTotalFee">
					￥{{orderDetailData.actualTotalPrice / 100}}
				</view>
				
				<view class="left-auto">
					<view class="bottom-btn" @click="cancelOrder(orderParentId, orderIds)">取消订单</view>
					
					<view v-if="orderDetailData.orderType == 20" class="bottom-btn-colour gotoPay-btn">
						<block v-if="orderDetailData.advFlag == 0">
							<view @click="gotoPayPage(orderParentId, orderDetailData.actualTotalPrice, orderIds, true, orderDetailData.activityMainId, orderDetailData.activityGroupId)">去支付</view>
						</block>
						<block v-if="orderDetailData.advFlag == 1">
							<view @click="gotoPayPage(orderParentId, orderDetailData.advAmount, orderIds, true, orderDetailData.activityMainId, orderDetailData.activityGroupId)">去支付</view>
						</block>
					</view>
					<view v-else class="bottom-btn-colour gotoPay-btn">
						<view @click="gotoPayPage(orderParentId, orderDetailData.actualTotalPrice, orderIds)">去支付</view>
					</view>
				</view>
			</view>
			<view class="bottom-select" v-if="orderDetailData.orderFinalStatus === '04'">
				<view class="left-auto">
					<!-- <view v-if="orderDetailData.orderSale && orderDetailData.orderForms[0].crossBorderFlag != 1" class="bottom-btn" @click="toAfterSale(orderIds)">申请售后</view> -->
					<view class="bottom-btn" @click="getLogistical(orderIds)">查看物流</view>
					<view class="bottom-btn-colour" @click="confirmOrder(orderIds)">确认收货</view>
				</view>
			</view>
			<view class="bottom-select" v-if="orderDetailData.orderFinalStatus === '05' || orderDetailData.orderFinalStatus === '08'">
				<view class="left-auto">
					<view v-if="orderDetailData.orderSale && orderDetailData.orderForms[0].crossBorderFlag != 1" class="bottom-btn" @click="toAfterSale(orderIds)">申请售后</view>
					<view v-if="!orderDetailData.orderEvaluate" class="bottom-btn" @click="toEvaluate(orderIds)">评价晒单</view>
					
					<!-- 10:普通订单 20：团购 40：砍价 -->
					<view v-if="orderDetailData.orderType != 20 && orderDetailData.orderType != 40" class="bottom-btn-colour" @click="gotoCartPage(orderIds)">再次购买</view>
				</view>
			</view>
		</view>
		
		
		<!-- 支付密码 -->
		<view v-if="showPayPassFlag" class="payPassBg-Container">
			<view class="setPass-Container">
				<view class="modalTitle">
					请输入支付密码
				</view>
				
				<!-- 关闭弹窗 -->
				<image @click="closePayModalHandler" :src="icon.closeModalBtn" class="closeModalBtn"></image>
				
				<view @tap="showFun" class="content">
					<view class="passwordBg-Container">
						<image class="password-bg" :src="icon.password" mode=""></image>
					</view>
					
					<view v-for="(item, index) in 6" :key="item" class="password-item">
						{{password[index] ? '●' :''}}
					</view>
				</view>
				
				<view class="forgetPass-Container">
					<view class="forgetPass">
						<view @click="gotoPayPassPage()">
							忘记密码？
						</view>
					</view>
				</view>
				
				<view class="confirmPayOuter-Container">
					<view @click="confirmPayHandler()" class="confirmPay-Container">
						确认支付
					</view>
				</view>
			</view>
			<pay-keyboard :show_key="show_key" @hideFun="hideFun" @getPassword="getPassword"></pay-keyboard>
		</view>
		
		
		<!-- 详情菜单 -->
		<view v-if="showDetailMenu" @click="toggleMenuListHandler()" class="detailMenu-Container">
			<detailMenu></detailMenu>
		</view>
		
		
		<!-- 邀请好友 -->
		<view v-if="showInviteFriendFlag" class="inviteFriend-OutContainer">
			<view class="inviteFriend">
				<view class="dialogTitle">
					邀请好友参与拼团
				</view>
				<view class="tipsText">
					<view>还差<view class="numGroup">{{orderDetailData.needNum}}人</view>，距结束
						<view class="endDt-Container">
							<view class="timeText">
								<uni-countdown color="#666666" background-color="#FFFFFF" border-color="#FFFFFF" :show-day="true" :day="countDownDay" :hour="countDownHour" :minute="countDownMinute" :second="countDownSeconds"></uni-countdown>
							</view>
						</view>
					</view>
				</view>
				<view class="groupUsers">
					<image class="groupedUser" :src="imgSite + userInfo.headSculpture"></image>
					<view class="waitingUser">
						?
					</view>
				</view>
				<view @click="userShareHandler()" class="iKnowBtn">
					邀请好友
				</view>
				
				<image @click="closeInviteFriendView()" class="closeModalBtn" :src="icon.closeModalBtn"></image>
			</view>
		</view>
		
		
		<!-- 分享 -->
		<uni-popup ref="showpopup" :type="type" style="z-index: 100;">
			<view class="share">
				<view class="title-name flex-all-center">
					<image :src="icon.left"></image>
					分享到
					<image :src="icon.right"></image>
				</view>
				<view class="icons flex-rwo-around">
					
					<view class="icon-block flex-all-center">
						<image :src="icon.weixin" @click="share('0')"></image>
						<text>微信好友</text>
					</view>
					<view class="icon-block flex-all-center">
						<image :src="icon.pengyouquan" @click="share('1')"></image>
						<text>朋友圈</text>
					</view>
					<!--<view class="icon-block flex-all-center">
						<image :src="icon.weibo" @click="share('2')"></image>
						<text>微博</text>
					</view>-->
				</view>
				<view class="cancel" @click="cancel()">取消</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	
	import goodListOrder from '@/components/goodList/goodList-order';
	import goodList from '@/components/goodList/goodList';
	import navHeader from '@/components/nav-header/nav-header';
	import detailMenu from "@/components/detailMenu/detailMenu";
	import payKeyboard from '@/components/keyboard/keyboard';
	
	export default {
		components: {
			goodListOrder,
			goodList,
			navHeader,
			detailMenu,
			payKeyboard
		},
		filters: {
			
			//01：全部 02：待付款 03：待发货 04：待收货 05:待评价 06:已取消 08：已完成
			orderStatusName: function(status) {
				return {
					"01": "全部",
					"02": "待付款",
					"03": "待发货",
					"04": "待收货",
					"05": "待评价",
					"06": "已取消",
					"08": "已完成"
				}[status];
			},
			
			
			// 时间格式化
			formatDate: function(date) {
				
				var date = new Date(date);
				var YY = date.getFullYear() + '-';
				var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
				var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
				var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
				var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
				var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
				
				return YY + MM + DD + ' ' + hh + mm + ss;
			},
			
			//支付方式
			paymentTypeName: function(paymentType) {
				
				// 支付方式 10:账户余额 20：微信 30：支付宝 91：积分 93：水券 94：礼品卡
				return {
					"10": "奖品核销",
					"20": "微信",
					"30": "支付宝",
					"40": "微信",
					"91": "积分",
					"93": "水券",
					"94": "礼品卡",
				}[paymentType];
			},
			
			
			//发票类型格式化
			cidTypeFormate: function(invoiceInfo) {
				
				var cidTypeName = "";
				if(invoiceInfo) {
					var cidType = invoiceInfo.cidType;
					
					switch(parseInt(cidType)) {
						case 1:
							cidTypeName = "普通纸质发票";
							break;
						case 2:
							cidTypeName = "普通电子发票";
							break;
						case 3:
							cidTypeName = "增值税纸质发票";
							break;
						case 4:
							cidTypeName = "增值税电子发票";
							break;
					}
				}
				
				return cidTypeName;
			}
		},
		computed: {
			...mapState(['imgSite', 'hasLogin', 'url'])
		},
		data() {
			return {
				icon:{
				    return:'/static/images/common/return-white.png',
					msgCenter:'/static/images/common/msg-center-white.png',
					
					daizhifu:'/static/images/pay/daizhifu.png',
					daifahuo:'/static/images/pay/daifahuo.png',
					daipingjia:'/static/images/pay/diapingjia.png',
					yiwancheng:'/static/images/pay/yiwancheng.png',
					daishouhuo:'/static/images/pay/diashouhuo.png',
					daichengtuan_small:'/static/images/pay/daichengtuan_small.png',
					daichengtuan_big:'/static/images/pay/daichengtuan_big.png',
					
					addAddress:'/static/assets/address.png',
					shop:'/static/images/cart/shop.png', 
					kefu:'/static/images/pay/kefu-r.png',
					
					invoice: '/static/images/order/invoice.png',
					closeModalBtn: "/static/images/common/closeModal.png",
					
					password: "/static/images/order/pay/password.png",
					
					
					left: "/static/images/detail/left.png",
					right: "/static/images/detail/right.png",
					weixin: "/static/images/detail/wechat.png",
					weibo: "/static/images/detail/weibo.png",
					pengyouquan: "/static/images/detail/pengyouquan.png"
				},
				type: 'bottom',
				
				//详情菜单
				showDetailMenu: false,
				
				//订单ID
				orderParentId: "",
				orderIds: "",
				
				//订单信息
				addAddressStr: "",
				orderDetailData: {
					orderShippingForm: {}
				},
				goodsList: [],
				
				//支付密码
				showPayPassFlag: false,
				show_key: false,
				password: '',
				
				orderData: {},
				
				//发票信息
				invoiceInfo: null,
				
				
				//邀请好友
				userInfo: {},
				needNum: 0,
				groupSpu: "",
				shareGroupInfo: {},
				showInviteFriendFlag: false,
				
				countDownDay: 0,
				countDownHour: 0,
				countDownMinute: 0,
				countDownSeconds: 0
			};
		},
		onLoad(options) {
			this.orderParentId = options.orderParentId;
			this.orderIds = options.orderIds;
			
			//推荐商品
			// this.getRecomGoodsList();
		},
		onShow() {
			this.showDetailMenu = false;
			
			//订单详情
			this.getOrderDetail();
			
			//用户信息
			var that = this;
			that.$api.globalUtil.getUserInfo(that, function(res) {
				that.userInfo = res.data.response;
			});
		},
		methods: {
			
			openService() {
				this.$store.dispatch("openService")
			},
			//详情菜单
			toggleMenuListHandler() {
				this.showDetailMenu = !this.showDetailMenu;
			},
			
			//后退
			gotoNavBackCustomHandler() {
				uni.navigateBack()
				// uni.switchTab({
				// 	url: '/pages/order/order'
				// });
			},
			
			
			//咨询
			gotoContactSell() {
				this.$api.globalUtil.gotoContactSell();
			},
			
			
			//订单详情
			getOrderDetail() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/OrderApi/getOrderDetailByOrderIdsForApi',
					method: "POST",
					data: {
						orderParentId: that.orderParentId,
						orderIds: that.orderIds
					},
					success: function(res) {
						if(res.data.success) {
						
							that.orderDetailData = res.data.response;
							
							var orderForms = res.data.response.orderForms;
							for(var i = 0; i < orderForms.length; i++) {
								for(var j = 0; j < orderForms[i].orderDetailForms.length; j++) {
									var orderDetailForm = orderForms[i].orderDetailForms[j];
									orderDetailForm.goodsBaseInfo =  JSON.parse(orderDetailForm.goodsBaseInfo);
								}
							}
							that.orderDetailData.orderForms = orderForms;
							that.orderParentId = orderForms[0].orderParentId;
							
							// 售后地址 
							var addr = that.orderDetailData.orderShippingForm;
							that.addAddressStr = addr["provinceName"] + addr["cityName"] + addr["areaName"] + addr["address"];
							
							// 待支付时间
							that.orderDetailData.leavePayTime = that.$api.globalUtil.leaveTimeFormat(that.orderDetailData.leavePayTime);
						}
					}
				});
			},
			
			
			//推荐商品
			getRecomGoodsList() {
				var that = this;
				that.$api.globalUtil.getRecomGoodsList({}, function(res) {
					that.goodsList = res.data.response;
				});
			},
			
			
			// 我的地址跳转
			toAdress(){
				uni.navigateTo({
					url: '/pagesUser/address/address'
				})
			},
			
			
			// 申请售后
			toAfterSale(orderId) {
				uni.navigateTo({
					url: "/pagesGoods/afterSale/afterSale?orderId="+orderId
				});
			},
			 
			
			//评价晒单
			toEvaluate(orderId){
				uni.navigateTo({
					url: "/pagesGoods/evaluate/evaluate?orderId="+orderId
				});
			},
			
			
			// 再次购买
			gotoCartPage(item) {
				
				let that = this;
				var url = "";
				var addFlag = 0;
				var addChannel = 0;//10:PC 20:WAP 30:APP 40：小程序
				
				// #ifdef H5
				addChannel = 20;
				// #endif
				// #ifdef APP-PLUS
				addChannel = 30;
				// #endif
				// #ifdef MP-WEIXIN
				addChannel = 40;
				// #endif
				
				
				//加入购物车
				addFlag = 10;
				url = "/ShopCartApi/addShopCartForApi";
				
				
				var goodsId = "";
				var activityId = "";
				var buyCount = 0;
				var shopCartForms = [];
				
				var orderForms = this.orderDetailData.orderForms;
				for(var i = 0; i < orderForms.length; i++) {
					for(var j = 0; j < orderForms[i].orderDetailForms.length; j++) {
						var orderDetailForm = orderForms[i].orderDetailForms[j];
						
						goodsId = orderDetailForm.goodsBaseInfo.id;
						activityId = orderDetailForm.goodsBaseInfo.activityId;
						buyCount = orderDetailForm.count;
						
						shopCartForms.push({
							goodsId: goodsId, //商品SKU
							// shopId: item.venderIds, //店铺id
							activityId: activityId, //活动id
							num: buyCount, //加入数量
							addChannel: addChannel,//加入渠道 10:PC 20:WAP 30:APP 40：小程序
							addFlag: addFlag //加入标识 10:加入购物车 20:立即购买
						});
					}
				}
				
				that.$api.globalUtil.requestAjax({
					url: url,
					method: "POST",
					data: {
						shopCartForms: shopCartForms
					},
					success: function(res) {
						if(res.data.success) {
							uni.switchTab({
								url: '/pages/cart/cart'
							});
						}
					}
				});
			},
			
			
			// 去支付
			gotoPayPage(orderParentId, payAmount, orderIds, groupFlag, activityMainId, activityGroupId) {
				
				if(groupFlag) {
					
					var that = this;
					that.$api.globalUtil.requestAjax({
						url: "/OrderApi/verifyGroupOrderForApi",
						method: "POST",
						data: {
							orderParentId: orderParentId,
							activityGroupMainId: activityMainId,
							activityGroupId: activityGroupId
						},
						success: function(res) {
							if(res.data.success) {
								
								var orderData = {
									orderParentId: orderParentId,
									orderIds: orderIds,
									payAmount: payAmount
								};
								that.orderData = orderData;
								
								//订单支付流程
								that.payProcessHandler(orderData);
							}
						},
					});
				}else {
					
					var orderData = {
						orderParentId: orderParentId,
						orderIds: orderIds,
						payAmount: payAmount
					};
					this.orderData = orderData;
					
					//订单支付流程
					this.payProcessHandler(orderData);
				}
			},
			
			
			//订单支付流程
			payProcessHandler(orderData) {
				
				var that = this;
				if(orderData.payAmount == 0) {
					
					//是否设置了支付密码
					that.getIfOrNotSetedPayPass();
				}else {
					uni.navigateTo({
						url: '/pagesOrder/pay?orderParentId='+orderData.orderParentId+'&orderPayAmount='+orderData.payAmount+'&orderIds='+orderData.orderIds
					});
				}
			},
			
			
			//忘记密码
			gotoPayPassPage() {
				uni.navigateTo({
					url: '/pagesUser/payPass'
				});
			},
			
			
			//是否设置了支付密码
			getIfOrNotSetedPayPass() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: "/CustomerApi/findCustomerByCustomerIdForApi",
					method: "POST",
					success: function(res) {
						if(res.data.success) {
							if(res.data.response.boundPayPwd) {
								that.showPayPassFlag = true;
							}else {
								that.$api.msg("请设置支付密码");
								setTimeout(function() {
									uni.navigateTo({
										url: '/pagesUser/payPass'
									})
								}, 2000);
							}
						}
					}
				});
			},
			
			
			//支付密码数字弹窗
			closePayModalHandler() {
				this.showPayPassFlag = false;
				this.$api.msg("取消支付");
			},
			showFun(){
				this.show_key = true;
			},
			hideFun(){
				this.show_key = false;
			},
			getPassword(n){
				this.password = n;
			},
			
			
			// 确认支付
			confirmPayHandler() {
				
				//余额支付
				this.amountBalancePay();
			},
			
			
			// 账户余额支付
			amountBalancePay() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: "/PayApi/payForApi",
					method: "POST",
					data: { 
						orderParentId: that.orderData.orderParentId,
						orderIds: that.orderData.orderIds,
						payPassword: that.password
					},
					success: function(res) {
						if(res.data.success) {
							that.$api.msg("支付成功");
							that.showPayPassFlag = false;
							
							uni.navigateTo({
								url: '/pagesOrder/successCoupon?orderParentId='+that.orderData.orderParentId+'&orderIds='+that.orderData.orderIds
							});
						}
					}
				});
			},
			
			
			//取消订单
			cancelOrder(orderParentId, orderIds){
				
				var that = this;
				uni.showModal({
					content: '确认取消订单？',
					confirmText: '确认',
					cancelText: '取消',
					success(res) {
						if (res.confirm) {
							
							that.$api.globalUtil.requestAjax({
								url: "/OrderApi/cancelOrderForApi",
								method: "POST",
								data: {
									orderParentId: orderParentId,
									orderIds: orderIds
								},
								success: function(res) {
									if (res.data.success) {
										that.$api.msg("取消订单成功!");
										setTimeout(function() {
											that.getOrderDetail();
										}, 1500);
									}
								}
							});
						}
					}
				})
			},
			
			
			/**
			 * 确认收货
			 */
			confirmOrder(orderId){
				
				var that = this;
				uni.showModal({
					content: '确认收货？',
					confirmText: '确认',
					cancelText: '取消',
					success(res) {
						if (res.confirm) {
							
							that.$api.globalUtil.requestAjax({
								url: "/OrderLogisticsApi/updateOrderLogisticsForApi",
								method: "POST",
								data: {
									orderId: orderId,
									status: 20
								},
								success: function(res) {
									if (res.data.success) {
										that.$api.msg("确认收货成功!");
										setTimeout(function() {
											uni.navigateBack({
												delta: 1
											});
											// that.getOrderDetail();
										}, 1500);
									}
								}
							});
						}
					}
				})
			},
			
			
			//查看物流
			getLogistical(orderId) {
				uni.navigateTo({
					url: 'logistical?orderId='+orderId
				});
			},
			
			
			//复制订单号
			copyToClipboardData() {
				
				var that = this;
				uni.setClipboardData({
				    data: that.orderParentId,
				    success: function () {
				        that.$api.msg("复制成功");
				    }
				});
			},
			
			
			//发票详情
			gotoInvoiceDetailPage(invoiceInfo) {
				console.log(JSON.stringify(invoiceInfo));
				uni.navigateTo({
					url: "/pagesUser/invoice/detail?invoiceInfo="+JSON.stringify(invoiceInfo)
				});
			},
			
			
			//选择发票
			gotoSelectInvoicePage(shopIndex) {
			
				var invoiceInfo = this.orderDetailData.orderForms[shopIndex];
				var invoiceType = [
					invoiceInfo.invoiceOrdPaperFlag,
					invoiceInfo.invoiceOrdElectronicFlag,
					invoiceInfo.invoiceVatPaperFlag,
					invoiceInfo.invoiceVatElectronicFlag
				];
				
				uni.navigateTo({
					url: "/pagesUser/invoice/select?shopIndex="+shopIndex+'&invoiceType='+JSON.stringify(invoiceType)
				});
			},
			selectInvoiceHandler(invoiceInfo) {
				this.invoiceInfo = invoiceInfo;
				
				var orderForms = this.orderDetailData.orderForms[invoiceInfo.shopIndex];
				var customerInvoiceDetailList = [];
				customerInvoiceDetailList.push({
					venderId: orderForms.vendorId,
					cidInvoiceId: this.invoiceInfo.cfId,
					cidType: this.invoiceInfo.cidType,
					cidText: this.invoiceInfo.cidText,
					cidEmail: this.invoiceInfo.ciEmail
				});
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: "/OrderApi/applyOrderInvoiceForApi",
					method: "POST",
					data: {
						orderParentId: that.orderParentId,
						customerInvoiceDetailList: customerInvoiceDetailList
					},
					success: function(res) {
						if (res.data.success) {
							that.$api.msg("申请发票成功!");
						}
					},
				});
			},
			
			
			//邀请好友
			inviteFriendHandler() {

				var that = this;
				
				that.groupSpu = that.orderDetailData.orderForms[0].orderDetailForms[0].goodsBaseInfo.goodsCd;
				that.needNum = that.orderDetailData.needNum;
				
				that.shareGroupInfo = {
					nickName: that.userInfo.nickName,
					headSculpture: that.userInfo.headSculpture,
					needNum: that.needNum,
					activityMainId: that.orderDetailData.activityMainId,
					activityGroupId: that.orderDetailData.activityGroupId,
					activityEndTime: that.orderDetailData.activityEndTime,
					goodsId: that.orderDetailData.orderForms[0].orderDetailForms[0].goodsBaseInfo.id,
					vendorId: that.orderDetailData.orderForms[0].orderDetailForms[0].goodsBaseInfo.vendorId,
					activityId: that.orderDetailData.activityId
				};
				
				var countDown = that.$api.globalUtil.startTimeFormate(that.orderDetailData.activityEndTime);
				that.countDownDay = countDown['day'];
				that.countDownHour = countDown['hour'];
				that.countDownMinute = countDown['minute'];
				that.countDownSeconds = countDown['seconds'];
				
				that.showInviteFriendFlag = true;
			},
			closeInviteFriendView() {
				this.groupSpu = "";
				this.showInviteFriendFlag = false;
			},
			
			
			// 弹窗分享
			userHasLoginFilter(callBack) {
				if(!this.hasLogin) {
					uni.navigateTo({
						url: '/pagesUser/login/userLogin'
					});
				}else {
					callBack();
				}
			},
			userShareHandler() {
				
				var that = this;
				that.userHasLoginFilter(function() {
					
					// #ifdef H5 || MP-WEIXIN
					uni.setClipboardData({
						data: encodeURI(that.url + "#/pages/detail/preGroup?id="+that.groupSpu+"&shareGroupInfo="+JSON.stringify(that.shareGroupInfo)),
						success: function(data) {
							uni.showToast({
								title: '您的分享链接已复制到您的粘贴板，',
								icon: 'none'
							});
						},
						fail: function(err) {},
						complete: function(res) {}
					});
					// #endif
					
					// #ifdef APP-PLUS
					that.$nextTick(() => {
						that.$refs['showpopup'].open();
					});
					// #endif
				});
			},
			// 关闭分享弹窗
			cancel() {
				this.$refs['showpopup'].close();
			},
			// 分享
			share(e) {
				
				let that = this;
				if (e == '0') {
					uni.share({
						provider: "weixin",
						scene: "WXSceneSession",
						type: 0,
						href: that.url + "#/pages/detail/preGroup?id="+that.groupSpu+"&shareGroupInfo="+JSON.stringify(that.shareGroupInfo),
						title: "构购",
						summary: "我正在构购电商平台, 快来查看",
						imageUrl: that.imgSite + '/s/20210125/37jodmjvvwuk.png',
						success: function(res) {
							that.luckShareRecord();
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
						}
					});
			
				} else if (e == '1') {
			
					uni.share({
						provider: "weixin",
						scene: "WXSenceTimeline",
						type: 0,
						href: that.url + "#/pages/detail/preGroup?id="+that.groupSpu+"&shareGroupInfo="+JSON.stringify(that.shareGroupInfo),
						title: "构购",
						summary: "我正在构购电商平台, 快来查看",
						imageUrl: that.imgSite + '/s/20210125/37jodmjvvwuk.png',
						success: function(res) {
							that.luckShareRecord();
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
						}
					});
				} else if (e == '2') {
			
					uni.share({
						provider: "sinaweibo",
						type: 0,
						href: that.url + "#/pages/detail/preGroup?id="+that.groupSpu+"&shareGroupInfo="+JSON.stringify(that.shareGroupInfo),
						title: "构购",
						summary: "我正在构购电商平台, 快来查看",
						imageUrl: that.imgSite + '/s/20210125/37jodmjvvwuk.png',
						success: function(res) {
							that.luckShareRecord();
						},
						fail: function(err) {
							console.log("fail:" + JSON.stringify(err));
						}
					});
				}
			},
			// 关闭弹窗
			closeModalHandler() {
				this.showCouponModal = false;
				this.showSpecModal = false;
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: #f5f5f5;
		padding-bottom: 100rpx;
		padding-bottom: calc(100rpx + 60rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(100rpx + 60rpx + env(safe-area-inset-bottom));
	}

	// header部分
	.header-Container {
		z-index: 999;
		width: 100%;
		height: 176rpx;
		overflow: hidden;
		// box-shadow: 0px 1rpx 1rpx 0px rgba(0, 0, 0, 0.08);
		background: rgba(255, 255, 255, 1);
		
		.header-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background:#FE5E49;
		}
	
		.leftBtns {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
	
			.back {
				margin-left: 17rpx;
				width: 44rpx;
				height: 44rpx;
			}
		}
	
		.title {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
			line-height: 86rpx;
			text-align: center;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: rgba(51, 51, 51, 1);
		}
	}


	// 订单状态
	.orderStatus-Container {
		width: 100%;
		height: 270rpx;
		background: #FE5E49;

		.orderStatus {
			width: 100%;
			height: 158rpx;
			
			.two-row {
				display: flex;
				align-items: center;
				height: 158rpx;
			
				.left {
					width: 570rpx;
			
					.top {
						display: flex;
						font-size: 34rpx;
						color: white;
						align-items: center;
			
						image {
							width: 43rpx;
							height: 34rpx;
							margin-left: 70rpx;
							margin-right: 18rpx;
						}
					}
			
					.bottom {
						font-size: 25rpx;
						color: white;
						margin-left: 70rpx;
						margin-top: 25rpx;
					}
				}
			
				.right {
					width: 180rpx;
					height: 83rpx;
					display: flex;
					align-items: center;
			
					view {
						width: 150rpx;
						height: 54rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						color: #FE5E49;
						background: white;
						font-size: 23rpx;
						border-radius: 27rpx;
					}
				}
			}
		}
	}
	
	//收货地址
	.address {
		margin-top: -110rpx;
		padding: 40rpx 30rpx 30rpx 30rpx;
		position: relative;
		// z-index: 10;
		background-color: white;
		width: 100%;
		border-radius: 16rpx;
		display: flex;
		align-items: center;
	
		.icon {
			display: flex;
			align-items: flex-start;
			width: 22rpx;
			height: 100%;
			image {
				display: block;
			margin-top: 4rpx;
				width: 22rpx;
				height: 26rpx;
			}
		}
	
		.message {
			display: flex;
			max-width: 620rpx;
	
			.userInfo {
				padding-left: 16rpx;
				
				.user {
					font-size: 25rpx;
					font-weight: bold;
					
					text:last-child {
						margin-left: 48rpx;
					}
				}
				
				.detail {
					margin-top: 20rpx;
					font-size: 24rpx;
					max-width: 620rpx;
					color: #666666;
				}
			}
		}
	}

	//订单商品信息
	.goods-block {
		width: 100%;
		border-radius: 16rpx;
		background-color: white;
		margin-top: 20rpx;
		padding-top: 24rpx;

		.title {
			display: flex;
			align-items: center;
			width: 500rpx;

			image:first-child {
				width: 28rpx;
				height: 27rpx;
				margin-left: 30rpx;
			}

			text {
				font-size: 23rpx;
				color: #333333;
				margin-left: 16rpx;
			}
		}

		.kefu {
			width: 250rpx;
			display: flex;
			align-items: center;
			flex-direction: row-reverse;

			.btn {
				width: 116rpx;
				height: 40rpx;
				border-radius: 20rpx;
				background: #FCECEE;
				color: #FE5E49;
				font-size: 21rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 30rpx;
			}

			image {
				margin-right: 9rpx;
				height: 25rpx;
				width: 25rpx;
			}
		}
	}

	.list-padding {
		padding-left: 30upx;
		padding-right: 38upx;
	}

	.leave {
		border-top: 1rpx solid #EEEEEE;
		position: relative;
		bottom: 2rpx;
		width: 674rpx;
		margin-left: 32rpx;
		padding-bottom: 31rpx;

		.leave-title {
			margin-top: 29rpx;
			font-size: 24rpx;
			color: #333333;
		}

		.leave-message {
			margin-top: 15rpx;
			color: #999999;
			font-size: 22rpx;
		}
	}

	.order-detail {
		margin-top: 20rpx;
		background-color: white;
		border-radius: 16rpx;
		width: 100%;
	}

	.ordedr-id {
		padding-top: 26rpx;
		padding-bottom: 26rpx;
		padding-left: 29rpx;
		font-size: 24rpx;
		border-bottom: 1rpx solid #EEEEEE;
		position: relative;

		.format {
			display: flex;
			align-items: center;
			height: 48rpx;
			line-height: 48rpx;
			font-size: 24rpx;

			text:fitst-child {
				color: #666666;
			}

			text:last-child {
				color: #333333;
			}
		}

		.copy {
			color: #FFFFFF !important;
			font-weight: 500;
			background: rgba(0, 0, 0, .3);
			width: 64rpx;
			height: 26rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 13rpx;
			font-size: 19rpx;
			margin-left: 25rpx;
		}
	}

	.format2 {
		display: flex;
		margin-top: 40rpx;
		margin-left: 29rpx;
		font-size: 24rpx;
		width: 691rpx;
		align-items: center;

		text:fitst-child {
			color: #FFFFFF;
		}

		text:last-child {
			color: #333333;
			text-align: right;
		}

		.format-name {
			width: 500rpx;
			text {
				color: #333333;
			}
		}

		.format-num {
			color: #333333;
			// font-weight: bold;
			text-align: right;
			width: 290rpx;
		}
	}

	.total {
		margin-left: 29rpx;
		font-size: 25rpx;
		width: 691rpx;
		text-align: right;
		font-weight: bold;
		margin-top: 35rpx;
		padding-bottom: 57rpx;

		text:first-child {
			color: #333333;
		}

		text:last-child {
			color: #FE5E49;
		}
	}


	//为您推荐
	.user-recommend {
		display: flex;
		width: 100%;
		height: 120rpx;
		align-items: center;
		justify-content: center;
		font-size: 32rpx;
		font-family: PingFang SC;
		color: rgba(51,51,51,1);
		
		.recomText {
			margin: 0 16rpx;
		}

		image {
			width: 168rpx;
			height: 16rpx;
		}
		
		.line {
			margin: 0 20rpx;
			width:76rpx;
			height:1rpx;
			background:rgba(219,219,219,1);
		}
	}

	.bottom-select {
		height: 98rpx;
		display: flex;
		align-items: center;
		// flex-direction: row-reverse;
		position: fixed;
		bottom: 0;
		background: white;
		left: 0;
		width: 100%;
		// z-index: 10;
		// border-top: 1rpx solid #eee;
		
		.orderTotalFee {
			margin-left: 36rpx;
			font-size:26rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color: #FE5E49;
			line-height:98rpx;
		}
		
		.left-auto {
			display: flex;
			margin-left: auto;
		}
		
		.gotoPay-btn {
			color: #FFFFFF !important;
			background: #FE5E49;
		}

		.bottom-btn {
			width: 194.4rpx;
			height: 70rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #666666;
			font-size: 30rpx;
			white-space: nowrap;
			border: 1rpx solid #ADADAD;
			margin-right: 28rpx;
			border-radius: 35rpx;
			
			&:first-of-type {
				margin-left: auto;
			}
		}

		.bottom-btn-colour {
			width: 194.4rpx;
			height: 70rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FE5E49;
			font-size: 30rpx;
			white-space: nowrap;
			border: 1rpx solid #FE5E49;
			margin-right: 28rpx;
			border-radius: 35rpx;
		}
	}
	
	
	// 订单编号
	.orderLabel {
		color: #666666;
	}
	.orderValue {
		color: #333333;
	}
	
	
	/deep/.list-pages:last-of-type .good-message {
		border: 0;
	},
	
	
	
	/* 支付密码 */
	.payPassBg-Container {
		z-index: 99999;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		width: 100vw;
		height: 100vh;
		background:rgba(0,0,0,0.7);
		
		
		/* 设置密码 */
		.setPass-Container {
			position: fixed;
			bottom: 520rpx;
			width: 600rpx;
			height: 478rpx;
			background-color: #FFFFFF;
			border-radius:16rpx;
			
			/* 弹窗标题 */
			.modalTitle {
				margin-top: 50rpx;
				margin-bottom: 75rpx;
				width: 100%;
				height:30rpx;
				line-height:30rpx;
				text-align: center;
				font-size:30rpx;
				font-family:PingFang SC;
				// font-weight:bold;
				color:rgba(51,51,51,1);
			}
			
			/* 关闭按钮 */
			.closeModalBtn {
				z-index: 99999;
				position: absolute;
				top: 36rpx;
				right: 36rpx;
				width: 25rpx;
				height: 24rpx;
			}
			
			.content {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				margin: 0 auto;
				width: 540rpx;
				
				.password-item {
					position: relative;
					width: 90rpx;
					height: 90rpx;
					line-height: 90rpx;
					text-align: center;
					font-size:60rpx;
					font-family:PingFang;
					color:#333333;
					
					&.borderOneRpx:after {
						border-color: rgba(238,238,238,1);
						border-radius: 5rpx;
					}
				}
			}
			
			/* 忘记密码 */
			.forgetPass-Container {
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				bottom: 170rpx;
				width:100%;
				
				.forgetPass {
					width:544rpx;
					height:40rpx;
					line-height: 70rpx;
					text-align: right;
					font-size:20rpx;
					font-family:PingFang SC;
					color: #FE5E49;
					line-height:40rpx;
				}
			}
			
			/* 确认支付 */
			.confirmPayOuter-Container {
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				bottom: 70rpx;
				width:100%;
				height:70rpx;
				
				.confirmPay-Container {
					width:544rpx;
					height:70rpx;
					line-height: 70rpx;
					text-align: center;
					font-size:28rpx;
					font-family:PingFang SC;
					/* font-weight:500; */
					color:rgba(255,255,255,1);
					background: #FE5E49;
					border-radius:35rpx;
				}
			}
		}
	}
	
	
	/deep/.list-block {
		margin-bottom: 20rpx;
	} 
	
	
	// 订单信息
	.orderInvoice-Container {
		margin-top: 20rpx;
		width:100%;
		height:100rpx;
		background:rgba(255,255,255,1);
		border-radius:16rpx;
		
		.format {
			width: 690rpx;
		}
		
		
		.invoice {
			position: relative;
			margin-left: auto;
			width: 130rpx;
			height: 44rpx;
			border: 1px solid #FE5E49;
			border-radius: 44rpx;
			// image {
			// 	position: absolute;
			// 	width: 100%;
			// 	height: 100%;
			// }
			.status {
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				font-size: 24rpx;
				color: #FE5E49;
			}
		}
	}
	
	
	//邀请好友
	.inviteFriend-OutContainer {
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background:rgba(0,0,0,0.7);
		
		.inviteFriend {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-direction: column;
			position: relative;
			padding: 45rpx 0 45rpx 0;
			width:600rpx;
			height:448rpx;
			background:rgba(255,255,255,1);
			border-radius:16rpx;
			
			.closeModalBtn {
				position: absolute;
				right: 36rpx;
				top: 36rpx;
				width: 24rpx;
				height: 24rpx;
			}
			
			.dialogTitle {
				font-size: 34rpx;
				color: #333333;
			}
			
			.tipsText {
				position: absolute;
				top: 100rpx;
				left: 0;
				width: 100%;
				text-align: center;
				font-size: 26rpx;
				color: #666666;
				
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				
				& > view {
					display: flex;
					align-items: center;
				}
				
				.numGroup {
					color: #FE5E49;
				}
			}
			
			.groupUsers {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 40rpx;
				padding: 0 30rpx;
				width: 100%;
				height: 100rpx;
				
				.groupedUser {
					width: 100rpx;
					height: 100rpx;
					border: 1rpx solid #FE5E49;
					border-radius: 50%;
				}
				
				.waitingUser {
					margin-left: 30rpx;
					width: 100rpx;
					height: 100rpx;
					line-height: 100rpx;
					text-align: center;
					font-size: 60rpx;
					color: #DBDBDB;
					border-radius: 50%;
					border: 1rpx dashed #DBDBDB;
				}
			}
			
			.iKnowBtn {
				width:418rpx;
				height:70rpx;
				line-height: 70rpx;
				text-align: center;
				font-size:28rpx;
				color: #FFFFFF;
				background: #FE5E49;
				border-radius:35rpx;
			}
		}
		
		.endDt-Container {
			display: inline-block;
			align-items: center;
			justify-content: center;
			text-align: center;
			font-size: 26rpx;
			color: #666666;
			
			.timeText {
				color: #666666;
			}
		}
	}
	
	
	// 分享
	.share {
		margin-bottom: 0;
		margin-bottom: calc(constant(safe-area-inset-bottom));
		margin-bottom: calc(env(safe-area-inset-bottom));
		width: 100%;
		height: 486rpx;
		border-radius: 16rpx 16rpx 0 0;
		background-color: white;
		z-index: 1000;
		position: relative;
	
		.title-name {
			height: 126rpx;
			width: 100%;
			font-size: 30rpx;
			color: #333333;
			font-weight: bold;
		}
	
		image {
			width: 168rpx;
			height: 16rpx;
			margin: 0 35rpx 0 35rpx;
		}
	
		.icons {
			width: 690rpx;
			margin: 24rpx auto 0 auto;
			border-bottom: 1rpx solid#eee;
			padding-bottom: 74rpx;
	
			.icon-block {
				width: 120rpx;
				font-size: 26rpx;
				color: #333333;
				flex-wrap: wrap;
	
				image {
					flex-shrink: 0;
					width: 110rpx;
					height: 110rpx;
				}
	
				text {
					margin-top: 24rpx;
				}
			}
		}
	
		.cancel {
			color: #999999;
			font-size: 30rpx;
			margin-top: 27rpx;
			width: 100%;
			text-align: center;
		}
	}
	
	
	/deep/.uni-countdown {
		// display: inline-block;
	}
	/deep/.uni-countdown__number {
		margin: 0;
		width: auto;
		font-size: 26rpx !important;
		color: #666666 !important;
	}
	/deep/.uni-countdown__splitor {
		padding: 0;
		color: #666666 !important;
	}
	
	
//小程序安全区域
.safeBottom {
	z-index: 9;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100rpx;
	height: calc(100rpx + constant(safe-area-inset-bottom));
	height: calc(100rpx + env(safe-area-inset-bottom));
	background-color: #FFFFFF;
}
.bottom-select {
	left: 0;
	bottom: 0;
	bottom: calc(constant(safe-area-inset-bottom));
	bottom: calc(env(safe-area-inset-bottom));
}
</style>




